<div bsModal #createOrEditModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
  aria-labelledby="createOrEditModal" aria-hidden="true" [config]="{ backdrop: 'static' }">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title"><span>工规日志</span></h4>
        <button type="button" class="close" (click)="close()" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- <form class="horizontal-form" autocomplete="off">
            <div class="m-form m-form--label-align-right">
              <div class="row align-items-center m--margin-bottom-10">
                <div class="col-xl-12">
                  <div class="form-group m-form__group align-items-center">
                    <div class="input-group">
                      <input
                        [(ngModel)]="filterText"
                        name="filterText"
                        autofocus
                        class="form-control m-input"
                        [placeholder]="l('SearchWithThreeDot')"
                        type="text"
                      />
                      <span class="input-group-btn">
                        <button (click)="getTechRuleLogs()" class="btn btn-primary" type="submit">
                          <i class="flaticon-search-1" [attr.aria-label]="l('Search')"></i>
                        </button>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row margin-bottom-10" *ngIf="advancedFiltersAreShown">
                <div class="col-sm-12 text-right">
                  <button class="btn btn-metal" (click)="getLogs()">
                    <i class="fa fa-refresh"></i> {{ l('Refresh') }}
                  </button>
                </div>
              </div>
              <div class="row margin-bottom-10"></div>
            </div>
          </form> -->

        <div class="row align-items-center">
          <!-- <Primeng-TurboTable-Start> -->
          <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
            <p-table #dataTable [value]="logs" emptyMessage="没有数据">
              <ng-template pTemplate="header">
                <tr>
                  <th>操作人</th>
                  <th>操作时间</th>
                  <th>操作类型</th>
                  <th>出库时间</th>
                  <th>入库时间</th>
                </tr>
              </ng-template>
              <ng-template pTemplate="body" let-record>
                <tr>
                  <td>{{ record.operUserName}}</td>
                  <td>{{ record.creationTime | momentFormat:'YYYY-MM-DD HH:mm'}} </td>
                  <td>
                    <span *ngIf="record.operationName  == '借阅'" class="m-badge m-badge--primary m-badge--wide">
                      {{ record.operationName }}</span>
                    <span *ngIf="record.operationName  == '归还'" class="m-badge m-badge--success m-badge--wide">
                      {{ record.operationName }}</span>
                    <span *ngIf="record.operationName  == '入库'" class="m-badge m-badge--warning m-badge--wide">
                      {{ record.operationName }}</span>
                    <span *ngIf="record.operationName  == '报废'" class="m-badge m-badge--danger m-badge--wide">
                      {{ record.operationName }}</span>
                    <span *ngIf="record.operationName  == '追回'" class="m-badge m-badge--info m-badge--wide">
                      {{ record.operationName }}</span>
                  </td>
                  <td>{{ record.outDate | momentFormat:'YYYY-MM-DD HH:mm'}} </td>
                  <td>{{ record.backDate | momentFormat:'YYYY-MM-DD HH:mm'}} </td>
                </tr>
              </ng-template>
            </p-table>
            <div class="primeng-no-data" *ngIf="logs.length == 0">{{ l('NoData') }}</div>
          </div>
          <!-- <Primeng-TurboTable-End> -->
        </div>
      </div>
    </div>
  </div>
</div>